<template>
    <div>
        <table class="table">
            <tr>
                <th>
                    <i class="iconfont"></i>
                </th>
                <th> 礼品信息 </th>
                <th> 兑换分数 </th>
                <th> 数量 </th>
                <th> 小计(鸡腿) </th>
                <th> 操作 </th>
            </tr>
            <tr>
                <td>
                    <i class="iconfont "></i>
                </td>
                <td>
                    <img class="userImg" src="@/assets/images/userImg.png" alt="">
                </td>
                <td>内容2</td>
                <td>
                    <span class="num">−</span>
                    <span class="num valss">数据</span>
                    <span class="num">＋</span>
                </td>
                <td>
                    0000鸡腿
                </td>
                <td>
                    <div class="del">删除</div>
                </td>
            </tr>
        </table>
    </div>
</template>

<script>
export default {
    data () {
        return {

 
        }
    }
}
</script>
 
<style lang = "less" scoped>
    .table {
        width: 900px;
        background-color: sandybrown;
        th {
            background-color: rgb(236, 236, 236);
            font-weight: bold;
            padding: 17px;
        }
        td {
            align-items: center;
            padding: 14px;
            text-align: center;
            .del {
                width: 80px;
                height: 30px;
                line-height: 30px;
                margin: 0 auto;
                border: 1px solid #999;
            }
            .num {
                display: inline-block;
                width: 30px;
                border: 1px solid #999;
                height: 30px;
                line-height: 30px;
                &.valss {
                    border-left: none;
                    border-right: none;
                    width: 40px;
                }
            }
            .userImg {
                width: 100px;
                height: 100px;
            }
        }
    }
</style>